<template>
 <div class="Diut">
  <header>
      <van-icon name="arrow-left" @click="retur" />
      <span>地图找房</span>
      <span></span>
    </header>
   <main>
    <baidu-map class="map" center="上海"></baidu-map>
   </main>
 </div>
</template>
<script>
  export default {
      data(){
        return{

        }
      },
      methods:{
        retur(){
          this.$router.go("-1")
        }
      }
  }
</script>
<style>
  .Diut{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
  }
  header{
    width: 100%;
    height: 50px;
    display: flex;
    justify-content: space-between;
    padding: 0 20px;
    align-items: center;
    background: #fff;
    font-size: 15px;
  }
  main{
    flex: 1;
    overflow: scroll;
  }
.map {
  width: 100%;
  height: 100%;
}
</style>